<!--分类 -->
<div th:fragment="classify">

    <li th:each="sort,sortStat:${sortList}" th:class="${sortname == sort.name?'main-tab-active':''}" th:if="${sortStat.index < 10}">
        <a th:text="${sort.name}" th:href="@{'/category/'+${sort.name}}" target="_self"></a>
    </li>
    <!--th:if="${sortStat.index >= 5}"-->
    <li class="tab-more-list" th:if="${sortList.size()>10}">
        <a href="javascript:;" target="_self">
            <span>更多</span>
            <img class="arrow-bottom" th:src="@{'/static/image/arrow-bttom.png'}" alt="有贝口腔网">
        </a>
        <div>
            <ul>
                <li th:value="${sortStat.index}">
                    <a th:text="${sort.name}" th:href="@{'/category/'+${sort.name}}" target="_self">美白</a>
                </li>
            </ul>
        </div>
    </li>
</div>

<!--加载-->
<div th:fragment="load">
    <div class="more-content">
        <div class="load-more" style="display:none;">
            <img th:src="@{'/static/image/load-more.gif'}" alt="朝看新闻网">
            <span>加载中</span>
        </div>
        <div id="load" class="load-more-two load-more-fade" onclick="load()">点击加载更多</div>
        <div class="no-data" style="display:none;">-- 没有数据啦,我是有底线的哦 --</div>
    </div>
</div>

<!--文章数据-->
<div th:fragment="recommend">
    <div class="wonderful-list">
        <div class="wonderful-item" th:each="obj:${rec}" >
            <a th:href="@{'/detail/'+${obj.number}}">
                <div class="wonderful-item-img"><img th:src="@{obj.imgpath}" th:attr="alt=${obj.title}"></div>
                <div th:text="${obj.title}" class="wonderful-item-text"></div>
            </a>
        </div>
    </div>
</div>

<!-- 文章数据-->
<div th:fragment="looks">
    <div th:each="rank:${ranking}">
        <a th:href="@{'/detail/'+${rank.number}}">
            <div class="wonderful-item-style">
                <div class="wonderful-item-icon"><span></span></div>
                <div th:text="${rank.title}" class="wonderful-text"></div>
            </div>
        </a>
    </div>
</div>

<div th:fragment="aside">

    <div class="main-publish">
        <a href="https://www.hasbei.com/about/link" target="_blank">
            <img src="../../static/image/ad-c.png" alt="有贝口腔网诊所">
        </a>
    </div>
    <div class="main-publish">
        <a href="https://www.hasbei.com/about/link" target="_blank">
            <img src="../../static/image/ad-d.png" alt="有贝口腔网厂家">
        </a>
    </div>
    <div class="main-publish">
        <a href="javascript:;" target="_self" onclick="showPlanFun()">
            <img src="../../static/image/ad-e.png" alt="有贝口腔网在线看牙">
        </a>
    </div>
</div>

<div th:fragment="asideImage">
    <div class="main-publish">
        <a href="">
            <img src="../../static/image/ad-a.png" alt="有贝口腔网资讯">
        </a>
    </div>
    <div class="main-publish">
        <a href="">
            <img src="/static/image/ad-b.png" alt="有贝口腔网口腔问题">
        </a>
    </div>
</div>